<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<%@ page import="artaza.persistencia.*"%>
<%@ page import="java.util.List"%>



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>
    <head>
        
        <script type="text/javascript" src="/JQuery/js/jquery.min.js"></script>
                
        <script type="text/javascript" language="javascript" src="/JQuery/js/tcal.js"></script>
        <link href="/css/style.css" rel="stylesheet" type="text/css" />
        <link href="/css/tcal.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript">
            function fijarDatos(datos){
               
                if(datos.fechaocupada!=""){
                  // alert(datos.fechaocupada +" , ");
                    $("#ocupado").append(datos.fechaocupada +" , ")
                }
            }

            $(document).ready(
            function(){
                $("#submittmfecha").click(
                function(){
                    $.post($("#meterfecha").attr("action"),{
                        fecha:$("#dateArrival").attr("value"),
                        idfinca: $("#idfinca").attr("value")
                    },function(json){
                       
                        var dato = $.parseJSON(json);
                      
                        fijarDatos(dato);
                        
                    },"json");
                        //alert("4")
                    $("#dateArrival").attr("value", "")
                }
            )

            });




        </script>
        <title>AÑADIR FECHA</title>
    </head>
    <h1>
        <form action="/adminSecured/listadof">
            <input type="image" src="/stylesheets/fondo_admin.jpg" >
        </form>

        <br>

        <center>AÑADIR FECHA</center>
    </h1>
    <body>

        <div id="centrado3">
        <table>
            <tr>
                <td>
                    <fieldset>
                        <fieldset>
                            <center><legend>Datos</legend></center>
                            Nombre:
                            <c:out value="${f.nombre}"/><br/>
                            Capacidad:
                            <c:out value="${f.capacidad}"/><br/>
                            Fecha ocupadas:
                            <div id="ocupado">
                                <c:forEach items="${f.ocupado}" var="fecha">
                                    <c:out value="${fecha}"/> ,
                                </c:forEach>                            
                            </div>
                            Correo electrónico:
                            <c:out value="${f.correo}"/>
                            Teléfono de contacto:
                            <c:out value="${finca.telefono}"/><br/>
                           
                        </fieldset>
                        <fieldset>
                            <center><legend>Información de la finca</legend></center>

                            <c:out value="${f.comentarios}"/><br/>
                        </fieldset>
                      </fieldset>
                </td>
                <td>
                    <center>



                        <form id="meterfecha" name="form1" method="post" action="/adminSecured/anadir_fechaf">
                            Calendario
                            <input type="text" class="tcal"
                                   name="fechaocupada" type="text" id="dateArrival"
                                   value="" size="10">
                            <input id="submittmfecha"type="button" value="Enviar">
                            <input id="idfinca" type="hidden" name="id_finca" value="${f.idString}">
                        </form>

                        <form name="form2" method="post" action="/adminSecured/borrar_fechaf">
                            Borrar Fecha
                            <input name="fechaaborrar" type="text" id="dateArrival"
                                   class="tcal"  size="10">
                            <input type="submit" value="Borrar">
                            <input type="hidden" name="id_finca" value="${f.idString}">
                        </form>
                    </center>
                </td>

            </tr>

        </table>
                        </div>
    </body>
</html>

